<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户新建/编辑</title>
<link rel="stylesheet" href="<%request.getContextPath();%>/css/bootstrap.min.css"/>
<link rel="stylesheet" href="<%request.getContextPath();%>/css/commonStyle.css"/>
<script src="<%request.getContextPath();%>/js/jquery-1.11.2.min.js"></script>
<script src="<%request.getContextPath();%>/js/bootstrap.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $("#allocationRight").hide();

      $("#kind").change(function(){
        var reg=$("#kind").val();

        if(reg=='APP运营方'){
          $("#allocationRight").show();
          $("#AppRun").show()
                  .siblings().hide();
        }
        else if(reg=='园区方'){
          $("#allocationRight").show();
          $("#parkManage").show()
                  .siblings().hide();
        }
        else if(reg=='企业服务提供商'){
          $("#allocationRight").show();
          $("#companyServer").show()
                  .siblings().hide();
        }
        else if(reg=='请选择'){
          $("#allocationRight").hide();
        }
      });
      $("#appRunId").click(function() {
        $('#AppRun li input').prop("checked",this.checked);
        $('#parkManage input').prop("checked",false);
        $('#companyServer input').prop("checked",false);

      });

      $("#parkManageId").click(function() {
        $('#parkManage li input').prop("checked",this.checked);
        $('#companyServer input').prop("checked",false);
        $('#AppRun  input').prop("checked",false);
      });

      $("#companyServerId").click(function() {
        $('#companyServer li input').prop("checked",this.checked);
        $('#parkManage  input').prop("checked",false);
        $('#AppRun input').prop("checked",false);
      });
    });
  </script>
</head>


<body>
<div class="container" style="width:1052px; margin:0px;"> 
<div class="row show-grid">
	<h3 class="Page_title">${titlename}系统账户</h3>
</div>
<div class="row show-grid unified-border">
  <form class="form-horizontal" method="post" action="/${addOrUpdate}/user" enctype="multipart/form-data">
    <!--        登陆邮箱-->
    <div class="form-group">
      <label for="mail" class="col-sm-2 control-label">登陆邮箱</label>
      <div class="col-sm-3">
        <input name="email" type="text" class="form-control" id="mail" value="${users.email}">
      </div>
    </div>
    <!--         姓名-->
    <div class="form-group">
      <label for="name" class="col-sm-2 control-label">姓名</label>
      <div class="col-sm-3">
        <input name="name" type="text" class="form-control" id="name" placeholder="*****" value="${users.realfullname}">
      </div>
    </div>
    <!--        账户类型-->
    <div class="form-group">
      <label class="col-sm-2 control-label">账户类型</label>
      <div class="col-sm-2">
        <select name="账户类型" id="kind" class="form-control">
          <option value="请选择">请选择</option>
          <option value="APP运营方">APP运营方</option>
          <option value="园区方">园区方</option>
          <option value="企业服务提供商">企业服务提供商</option>
        </select>
      </div>
    </div>
    <%--<!--        用户角色-->--%>
    <%--<div class="form-group">--%>
      <%--<label class="col-sm-2 control-label">用户角色</label>--%>
      <%--<div class="col-sm-2">--%>
        <%--<select name="" id="char" class="form-control">--%>
          <%--<option selected value="编辑">编辑</option>--%>
          <%--<option value="审核">审核</option>--%>
          <%--<option value="系统管理员">系统管理员</option>--%>
        <%--</select>--%>
      <%--</div>--%>
    <%--</div>--%>
    <!--   ???????????????????????????????????????????????????????????????????       公司-->
    <div class="form-group">
      <label class="col-sm-2 control-label">公司</label>
      <div class="col-sm-2">
        <select name="账户类型" id="" class="form-control">
          <option selected value="园区1">园区1</option>
          <option value="园区2">园区2</option>
          <option value="公司1">公司1</option>
        </select>
      </div>
    </div>
    <!--         部门-->
    <div class="form-group">
      <label for="dept" class="col-sm-2 control-label">部门</label>
      <div class="col-sm-3">
        <input name="department" type="text" class="form-control" id="dept" placeholder="" value="${users.department}">
      </div>
    </div>
    <!--         职务-->
    <div class="form-group">
      <label for="dept" class="col-sm-2 control-label">职务</label>
      <div class="col-sm-3">
        <input name="position" type="text" class="form-control" id="" placeholder="" value="${users.position}">
      </div>
    </div>
    <!--         手机号-->
    <div class="form-group">
      <label for="phonenum" class="col-sm-2 control-label">手机号</label>
      <div class="col-sm-3">
        <input name="mobile" type="text" class="form-control" id="phonenum" placeholder="" value="${users.mobile}">
      </div>
    </div>
    <!--           权限分配-->
    <div class="form-group" id="allocationRight">

      <label for="" class="col-sm-2 control-label">权限分配</label>
      <div class="col-sm-6">
        <div id="AppRun" class="form-control" style="height:120px;">
          <ul><input name="APP运营" type="checkbox"  value="APP运营" id="appRunId"><span style="font-weight:700">APP运营方</span><br />
            <li class="powerClass"><input type="checkbox"   value="首页轮换图"><span >首页轮换图</span></li>
            <li class="powerClass"><input type="checkbox"  value="政策大厅"><span> 政策大厅</span></li>
            <li class="powerClass"><input  type="checkbox"  value="天使有约活动管理"><span>天使有约活动管理</span></li>
            <li class="powerClass"><input  type="checkbox"  value="合作方管理"><span>合作方管理</span></li>
            <li class="powerClass"><input type="checkbox"  value="客服咨询"><span>客服咨询</span></li>
            <li class="powerClass"><input  type="checkbox"  value="其他页面设置"><span >其他页面设置</span></li>
            <li class="powerClass"><input  type="checkbox"   value="系统设置"><span>系统设置</span></li>
            <li class="powerClass"><input  type="checkbox"   value="日志管理"><span>日志管理</span></li>
          </ul>
        </div>
        <div id="parkManage" class="form-control" style="height:120px;">
          <ul><input name="园区管理" type="checkbox"  value="园区管理" id="parkManageId"><span style="font-weight:700">园区管理</span><br />
            <li class="powerClass"><input type="checkbox"  value="园区咨询"><span >园区咨询</span></li>
            <li class="powerClass"><input type="checkbox"  value="园区活动"><span> 园区活动</span></li>
            <li class="powerClass"><input  type="checkbox"  value="园区招商"><span>园区招商</span></li>
            <li class="powerClass"><input  type="checkbox"  value="园区客服"><span>园区客服</span></li>
            <li class="powerClass"><input  type="checkbox"   value="APP运营"><span>系统设置</span></li>
          </ul>
        </div>
        <div id="companyServer" class="form-control" style="height:120px;">
          <ul><input name="企业服务提供商" type="checkbox"  value="企业服务提供商" id="companyServerId"><span style="font-weight:700">企业服务提供商</span><br />
            <li class="powerClass"><input  type="checkbox"  value="订单管理"><span >订单管理</span></li>
          </ul>
        </div>
      </div>
    </div>
  </form>

   <!--          按钮组-->
    <div id="buttongroup">
      <div style="width:200px; height:50px; margin:0 auto; margin-top:20px;">
        <button type="submit" class="btn btn-primary" style="width:96px;">保存</button>
        <button type="reset" class="btn" style="width:96px;">取消</button>
      </div>
    </div>
  </form>
  

</div>
</div>
</body>
</html>